<!DOCTYPE html>
<html  class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>PingPangTask-0.1</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--     <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
 -->    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" th:href="@{/static/css/font.css}">
    <link rel="stylesheet" th:href="@{/static/css/login.css}">
	<link rel="stylesheet" th:href="@{/static/css/xadmin.css}">
    <script type="text/javascript" th:src="@{/static/js/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/static/lib/layui/layui.js}" charset="utf-8"></script>
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="login-bg">
    
    <div class="login layui-anim layui-anim-up">
        <div class="message">PingPangTask</div>
        <div id="darkbannerwrap"></div>
        
        <form method="post" class="layui-form" action="">
            <input name="userName" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input name="passWord" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <hr class="hr20" >
        </form>
    </div>

    <script type="text/javascript">
        $(function  () {
            layui.use('form', function(){
              var form = layui.form;
              /*  layer.msg('玩命卖萌中', function(){
                 //关闭后的操作
                 }); */
              //监听提交
              form.on('submit(login)', function(data){
            	  $.ajax({
            		  type: 'POST',
            		  async: false,
            		  dataType:'json',
            		  contentType: "application/json",
            		  url:'[[@{/login}]]',
            		  data: JSON.stringify(data.field),
            		  success: function(data){
            			  if("S"==data.CODE){
            				  location.href='[[@{/index}]]';
            			  }
            			  layer.msg(data.MESSAGE,{time:2000,end:function(){
            			  }});
            		  },
            		  error : function(errorMsg) {
                          layer.msg(errorMsg,{time:2000,end:function(){
            			  }});
            		  }
            		});
            	  return false;
              });
            });
        })
    </script>
    <!-- 底部结束 -->
</body>
</html>